<template>
    <div class="home">
       <p style="width:600px;font-size: 1.2em;line-height: 1.4em;">
         这是我第一次对vue3+ts进行实践，写的可能比较菜，见谅。组件的使用方式大部分是模仿element plus的。
       </p>
       <hr/>
       <h4>1. Input 输入框</h4>
       <h4>2. Checkbox、CheckeboxGroup 复选框</h4>
       <h4>3. RadioGroup 单选框</h4>
       <h4 style="text-decoration: line-through;">4. Form和FormItem 表单 </h4>
       <h4  style="text-decoration: line-through;">5. Table和TableColumn 表格</h4>
       <h4>6. Upload 上传</h4>
       <h4>7. Message 提示</h4>
       <h4>8. Icon 图标</h4>
        <h4> 9. Modal 弹框</h4>
        <h4> 10. v-loading加载指令</h4>
        <h4> 11. confirm弹框</h4>
        <h4> 12. progress进度条(支持类型：普通加载loading、含进度条step、错误error)</h4>
        <h4> 12. useLoad进度条状态管理</h4>
    </div>
 </template>

<script lang="ts" setup>

</script>

 <style scoped lang="less">
 h4{
    margin: 10px 0;
    font-size: 1.2em;
 }
 </style>
